
<nz-dropdown-menu #pmReq="nzDropdownMenu">
  <bby-pm-req *ngIf="pmReqService.list.length>0" class="bby-drop-content"></bby-pm-req>
</nz-dropdown-menu>
<nz-dropdown-menu #personalCard="nzDropdownMenu">
  <bby-personal></bby-personal>
</nz-dropdown-menu>
<nz-dropdown-menu #uploadCard="nzDropdownMenu">
  <bby-upload style="width: 500px"></bby-upload>
<!--  <div style="width: 300px;height:300px;background-color:#000;"></div>-->
</nz-dropdown-menu>
<nz-layout class="app-layout web-box">
  <nz-sider class="" nzTheme="light" nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
    <div class="logo">
      <img src="assets/img/logo.png" width="44"/>
      <span class="logo-text" *ngIf="!isCollapsed">bby共享云</span>
    </div>
    <ul class="bby-sider-menu" nz-menu nzTheme="light" nzMode="inline">
<!--      <li nz-submenu nzTitle="分类" nzIcon="appstore" nzOpen="true">-->
<!--        <ul>-->
<!--          <li *ngFor="let item of menu.classify" nz-menu-item>-->
<!--            <a [routerLink]="item.link" [queryParams]="{id:item.id}">-->
<!--              <i nz-icon [nzType]="item.icon" nzTheme="outline" style="margin-right: 10px"></i>-->
<!--              {{item.title}}-->
<!--            </a>-->
<!--          </li>-->
<!--        </ul>-->
<!--      </li>-->
      <li nz-submenu nzTitle="共享大厅" nzIcon="share-alt" nzOpen="true">
        <ul>
          <li *ngFor="let item of menu.share" [routerLink]="item.link" nz-menu-item nzMatchRouter>
            <i nz-icon [nzType]="item.icon" nzTheme="outline" style="margin-right: 10px"></i>
            {{item.title}}
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="我的文件" nzIcon="appstore" nzOpen="true">
        <ul>
          <li routerLink="/myDisk" nz-menu-item nzMatchRouter>
              <i nz-icon nzType="cloud-server" nzTheme="outline" style="margin-right: 10px"></i>
              全部文件
          </li>
          <li nz-menu-group nzTitle="文件分类">
            <ul>
              <li *ngFor="let item of menu.classify"
                  [routerLink]="item.link" [queryParams]="{id:item.id}" nz-menu-item nzMatchRouter>
                <i nz-icon [nzType]="item.icon" nzTheme="outline" style="margin-right: 10px"></i>
                {{item.title}}
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-submenu nzTitle="个人中心" nzIcon="user" nzOpen="true">
        <ul>
          <li *ngFor="let item of menu.user" nz-menu-item>
            <a [routerLink]="item.link">
              <i nz-icon [nzType]="item.icon" nzTheme="outline" style="margin-right: 10px"></i>
              {{item.title}}
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <i
        class="trigger"
        nz-icon
        [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
        (click)="isCollapsed = !isCollapsed"
      ></i>

      <span style="float: right;margin-right: 40px">
        <a style="margin-right: 30px" nz-dropdown [nzDropdownMenu]="pmReq" nzTrigger="click">
          <nz-badge [nzCount]="pmReqService.list.length">
            <i style="margin-right: 10px;font-size: large" nz-icon nzType="bell" nzTheme="outline"></i>
          </nz-badge>
        </a>

        <a style="margin-right: 30px" nz-dropdown [nzDropdownMenu]="uploadCard"
                  nzTrigger="click"
                [(nzVisible)]="fileUploadService.upload_card_show">
          <i nz-icon nzType="upload"></i>
          上传中
        </a>
        <a *ngIf="authService.userInfo" [nzDropdownMenu]="personalCard"
           [nzClickHide]="false" nz-dropdown  nzTrigger="click">
          <nz-avatar nzIcon="user" [nzSrc]="authService.avatarUrl"></nz-avatar>
          {{authService.userInfo.username}}
        </a>
        <a *ngIf="!authService.userInfo" routerLink="/user/login" style="margin-right: 10px">
          登录
        </a>
      </span>

    </nz-header>
    <nz-content class="inner-content">
      <!--      <nz-breadcrumb>-->
      <!--        <nz-breadcrumb-item>User</nz-breadcrumb-item>-->
      <!--        <nz-breadcrumb-item>Bill</nz-breadcrumb-item>-->
      <!--      </nz-breadcrumb>-->
      <router-outlet></router-outlet>
    </nz-content>
<!--    <bby-upload class="bby-upload-window"></bby-upload>-->
    <!--    <nz-footer>Ant Design ©2020 Implement By Angular</nz-footer>-->
  </nz-layout>
</nz-layout>
